<template>
  <div class="footer-container">

    	<tabbar>
	      <tabbar-item link="/" class="on">
	        <img slot="icon" src="../assets/images/btn01.png">
	        <span slot="label">首页</span>
	      </tabbar-item>
	      <tabbar-item link="/service">
	        <img slot="icon" src="../assets/images/btn04.png">
	        <span slot="label">技术服务</span>
	      </tabbar-item>
	      <tabbar-item link="/check">
	        <img slot="icon" src="../assets/images/btn02.png">
	        <span slot="label">信息查询</span>
	      </tabbar-item>
	      <tabbar-item link="/User">
	        <img slot="icon" src="../assets/images/btn03.png">
	        <span slot="label">个人中心</span>
	      </tabbar-item>
	    </tabbar>
    </div>
</template>


<script>
import { Tabbar, TabbarItem, Group, Cell } from 'vux'

export default {
	name:'Footer',
  components: {
    Tabbar,
    TabbarItem,
    Group,
    Cell
  }
}
</script>




<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
 /*@import '../assets/css/news.css';*/


div {color: #42b983;}
.weui-tabbar{background-color: rgba(37,39,44,0.95);}
.weui-tabbar__item{padding: 8px 0 8px; opacity: .6;}
.weui-tabbar__label span{font-size: 13px!important;color: #ffffff;}
.footer-container {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 66px;
}
</style>
